.navLayer{ display: none; }
@font-face {
	font-family:'one';
	src: url(../font/Candara.ttf);
}
@font-face {
	font-family:'two';
	src: url(../font/DINCond.otf);
}

/*banner*/
.ind-banner{  }
.ind-banner .imgBig{ position: relative; }
.ind-banner .imgBig img{ width: 100%; }
.ind-banner .imgBig img.on{ display: block; }
.ind-banner .imgBig img.off{ display: none; }
.ind-banner .imgBig .ico{ position: absolute; left: 50%; bottom: 30px; height: 66px; margin-left: -16px; width: 32px; animation: aaa 1s infinite linear; }
.ind-banner .swiper-slide{ height: auto; width: 100%; position: relative; }
.ind-banner .swiper-container{ height: 100%; }
.ind-banner .ban1{ position: absolute; left: 50%; top: 50%; width: 1200px; transform: translate(-50%,-50%); }
.ind-banner .ban1 .txtDiv{ text-align: left; text-transform: uppercase; }
.ind-banner .ban1 .p1{ font-size: 48px; color: #FFFFFF; font-weight: bold; margin-bottom: 6px; }
.ind-banner .ban1 .p2{ font-size: 24px; color: #FFFFFF; margin-bottom: 28px; font-weight: bold; line-height: 30px; font-family:'one'; }

body .ind-banner .swiper-pagination{ bottom: 30px; }

.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 5px; background: #FFFFFF; border-radius: 0; opacity: 1; border-radius: 50%; }
.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #32B663; }
/*banner END*/

/*首页*/
.title1{ text-align: center; margin-bottom: 32px; }
.title1 .h6{ font-size: 36px; line-height: 36px; margin-bottom: 10px; color: #32B663; }
.title1 .en{ font-size: 24px; font-family: 'one'; color: #999999; line-height: 24px; position: relative; }
.title1 .en a{ position: absolute; right: 0; top: 0; }
.title1 .en a em{ line-height: 24px; text-transform: uppercase; color: #32B663; padding-right: 17px; background: url(../images/ico_02on.png) no-repeat right center; font-size: 14px; font-weight: bold; }

.p{ line-height: 28px; font-size: 14px; color: #666666; }


.indexPage1{ padding: 130px 0 80px; background: #FFFFFF; }
.index1{  }
.index1 .leftDiv{ width: 500px; padding: 36px 0 0; }
.index1 .title1{ text-align: left; }
.index1 .leftDiv .img{ width: 300px; margin: 38px 0 0; }
.index1 .leftDiv .img img{ width: 100%; }
.index1 .rightDiv{ margin-right: 50px; position: relative; }
.index1 .rightDiv .img{ position: relative; }
.index1 .rightDiv .img img{ width: 100%; position: relative; z-index: 2; }
.index1 .rightDiv .img video{ width: 600px; height:450px; position: relative; z-index: 2; }

.index1 .rightDiv .img:before{ content: ''; display: block; width: 360px; height: 250px; position: absolute; right: -50px; top: -50px; border: 10px solid #32B663; z-index: 1; }
.index1 .rightDiv .img .ico{ top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: url(../images/video_i1.png) no-repeat center; transition: .5s; z-index: 3; }
.index1 .rightDiv .img:hover .ico{ background: rgba(0,0,0,0.4) url(../images/video_i1.png) no-repeat center; }
.index1 .rightDiv .more1{ position: absolute; left: -120px; bottom: 50px; z-index: 5; }
.more1{ width: 114px; height: 50px; line-height: 50px; display: block; padding: 0 20px; background: #32B663; text-align: center; transition: .5s; text-align: center; }
.more1:hover{ transform: translatey(-5px); }
.more1 span{ padding-right: 16px; background: url(../images/ico_02.png) no-repeat 90% center; font-size: 14px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; display: inline-block; width: 100%; box-sizing: border-box; transition: .5s; }
.more1:hover span{ width: 100%; background: url(../images/ico_02.png) no-repeat 100% center; }

.indexPage2{ padding: 80px 0 84px; background: #f0f9f3; }
.index2_box{ overflow: hidden; }
.index2_list1{ overflow: hidden; width: 120%; }
.index2_list1 li{ width: 240px; float: left; position: relative; height: 360px; transition: 0.5s; overflow: hidden; }
.index2_list1 .text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../images/bg_01.png) repeat; padding: 40px 20px 20px; }
.index2_list1 .name{  }
.index2_list1 .name .h6{ color: #FFFFFF; font-weight: bold; font-size: 22px; line-height: 22px; margin-bottom: 6px; }
.index2_list1 .name .en{ font-size: 14px; color: #FFFFFF; font-family: 'one'; }
.index2_list1 .Con{ position: absolute; left: 0; bottom: -150%; right: 0; padding: 16px 40px 18px 36px; background: url(../images/bg_02.png) repeat; color: #FFFFFF; transition: .5s; font-size: 14px; line-height: 24px; }
.index2_list1 .ico{ width: 60px; height: 60px; position: absolute; right: 20px; bottom: 20px; }
.index2_list1 .wMin{ width: 180px; }
.index2_list1 .wMax{ width: 480px; }
.index2_list1 li:hover .text{ background: none; }
.index2_list1 li:hover .ico{ display: none; }
.index2_list1 li:hover .Con{ bottom: 0; }

.indexPage3{ padding: 100px 0 80px; }
.index3_list1{}
.index3_list1:after{ content: ''; display: block; height: 0; visibility: hidden; clear: both; }
.index3_list1 li{ float: left; width: 300px; position: relative; height: 250px; overflow: hidden; }
.index3_list1 li .img img{ width: 100%; }
.index3_list1 .name{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px 16px; }
.index3_list1 .name .h6{ font-size: 18px; color: #FFFFFF; margin-bottom: 6px; }
.index3_list1 .name .en{ font-size: 14px; color: #ffffff; }
.index3_list1 .big{ width: 600px; }
.index3_list1 .big .p{ padding-right: 50px; }
.index3_list1 .title1{ text-align: left; }
.index3_list1 .liow_more{ background: #32B663; }
.index3_list1 .liow_more a{ display: block; line-height: 250px; text-align: center; }
.index3_list1 .liow_more em{ text-transform: uppercase; font-size: 14px; color: #FFFFFF; padding-right: 16px; background: url(../images/ico_02.png) no-repeat right center; font-weight: bold; transition: .5s; }
.index3_list1 .Con{ position: absolute; top: 100%; left: 0; right: 0; bottom: 0; padding: 36px 36px 0 40px; background: #32B663; transition: 0.5s; }
.index3_list1 .Con .h6{ font-size: 24px; color: #FFFFFF; font-weight: bold; margin-bottom: 8px; }
.index3_list1 .Con .p{ color: #FFFFFF; line-height: 24px; }
.index3_list1 .Con .more{ position: absolute; right: 39px; bottom: -100%; transition: .5s; }
.index3_list1 .Con .more em{ font-size: 14px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding: 0 17px 0 0; background: url(../images/ico_02.png) no-repeat right center; }
.index3_list1 li:hover .Con{ top: 0; }
.index3_list1 li:hover .Con .more{ bottom: 40px; }
.index3_list1 .liow_more:hover em{ padding-right: 24px; }

.indexPage4{ padding: 56px 0 60px; }
.index4{  }
.index4 .title1{ text-align: left; padding-bottom: 34px; border-bottom: 1px solid #e7e7e7; }

.index4_Con{  }
.index4_Con .leftDiv{ width: 410px; }
.index4_List1{ }
.index4_List1 .h6{ font-size: 24px; line-height: 36px; color: #333333; position: relative; padding-left: 14px; display: block; margin-bottom: 12px;max-height: 72px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.index4_List1 .h6:before{ content: ''; display: block; width: 5px; height: 5px; background: #32B663; border-radius: 50%; position: absolute; left: 0; top: 12px; }
.index4_List1 .p{ display: block; padding-left: 14px; margin-bottom: 34px; }
.index4_List1 .time{ font-size: 14px; color: #999999; padding-left: 14px; }
.index4_List1 li{ margin-bottom: 24px; }
.index4_List1 li a{ display: block; padding-bottom: 54px; }
.index4_List1 li:last-child{ margin-bottom: 0; }
.index4_List1 li:hover .h6{ text-decoration: underline; color: #32B663; }

.index4_Con .rightDiv{ width: 585px; }
.index4_List2{  }
.index4_List2 li{ padding: 20px 0; border-bottom: 1px solid #f3f3f3; }
.index4_List2 li:last-child{ border-bottom: none; }
.index4_List2 .img{ display: block; float: left; width: 180px; }
.index4_List2 .img img{ width: 100%; }
.index4_List2 .text{ display: block; float: left; width: 290px; margin-left: 30px; padding: 16px 0 0; }
.index4_List2 .time{ display: block; font-size: 24px; font-weight: bold; color: #32B663; line-height: 20px; margin-bottom: 24px; }
.index4_List2 .p{ display: block; font-size: 15px; color: #333333; line-height: 20px; }
.index4_List2 li:hover .p{ text-decoration: underline; color: #32B663; }

/*1-1企业概况*/
.within_Ban{  }
.within_Ban img{ width: 100%; }

.within_Nav{ background: #f7f7f7; border-bottom: 1px solid #ececec; }
.within_Nav .leftDiv{ }
.within_Nav .leftDiv:after{  content: ''; display: block; clear: both; visibility: hidden; height: 0px; }
.within_Nav .leftDiv li{ float: left; position: relative; }
.within_Nav .leftDiv li a{ display: block; line-height: 64px; padding: 0 24px; color: #5e5e5e; font-size: 16px; }
.within_Nav .leftDiv li.on a{ color: #32B663; }
.within_Nav .leftDiv li:hover a{ background: #32B663; color: #FFFFFF; }
.within_Nav .rightDiv{ line-height: 63px; color: #999999; font-size: 12px; }
.within_Nav .rightDiv a{ color: #999999; }
.within_Nav .rightDiv a:hover{ color: #32B663; }
.within_Nav .rightDiv img{ margin: -4px 10px 0 0; }
.within_Nav .rightDiv em{ color: #32B663; } 

.aboutPage1{ padding: 60px 0 70px; }
.about1{  }
.about1 .leftDiv{ width: 660px; }
.about1 .title{ margin-bottom: 20px;}
.about1 .title .en{ font-size: 36px; color: #32B663; font-weight: bold; text-transform: uppercase; margin-bottom: 14px; }
.about1 .title .h6{ font-size: 24px; line-height: 28px; color: #333333; }
.about1 .leftDiv .p{ margin-bottom: 20px; }
.about1 .leftDiv .p:last-child{ margin-bottom: 0; }
.about1 .leftDiv .Con{ max-height: 346px; overflow-y: auto; padding-right: 20px; }
.about1 .leftDiv .Con::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 328px; }
.about1 .leftDiv .Con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #32B663; }
.about1 .leftDiv .Con::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: #dfdfdf; }
.about1 .rightDiv{ width: 500px; position: relative; }
.about1 .rightDiv .img img{ width: 100%; }
.about1 .rightDiv .text{ position: absolute; bottom: 30px; right: 30px; width: 320px; background: url(../images/about_bg1.png) no-repeat; background-size: 100% 100%; padding: 22px 0; }
.about1 .rightDiv .text .h6{ padding: 0 30px; font-size: 18px; color: #FFFFFF; line-height: 28px; position: relative; }
.about1 .rightDiv .text .h6:before{ content: ''; display: block; height: 1px; width: 30px; background: #FFFFFF; position: absolute; right: 0; top: 13px; }
.about1 .rightDiv .text .p{ padding: 0 30px; color: #FFFFFF; font-size: 14px; line-height: 28px; }

.aboutPage2{ padding: 134px 0 134px; }
.about2{  }
.about2 ul{ text-align: center; }
.about2 li{ display: inline-block; width: 16%; }
.about2 li .num{ font-size: 24px; font-weight: bold; color: #32B663; }
.about2 li .num em{ font-size: 48px;color: #32B663; font-weight: bold; }

.aboutPage3{ padding: 60px 0 80px; }
.about3_Con1{ margin-bottom: 50px; }
.about3_Con1 .leftDiv{ width: 500px; }
.about3_Con1 .rightDiv{ width: 660px; margin-top: -8px; }
.about3_Con1 .rightDiv .p{ margin-bottom: 18px; }
.about3_Con1 .rightDiv strong{ color: #32B663; font-size: 14px; line-height: 28px; }
.about3_switch1{ position: relative; } 
.about3_switch1 .slick{  }
.about3_switch1 .img img{ width: 100%; }
.about3_switch1 .slick-dots{ position: absolute; right: 25px; bottom: 30px; text-align: center; }
.about3_switch1 .slick-dots li{ width: 14px; height: 14px; background: #ffffff; border-radius: 50%; background: #FFFFFF; display: inline-block; margin: 0 5px; }
.about3_switch1 .slick-dots .slick-active{ background: #32B663; }

.about3_Con2{  }
.about3_Con2 .title2{  }
.title2{ margin-bottom: 36px; }
.title2 .h6{ font-size: 36px; color: #32B663; line-height: 36px; margin-bottom: 12px; }
.title2 .en{ font-size: 24px; text-transform: uppercase; color: #333333; }

.about3_list1{ overflow: hidden; margin-bottom: 8px; }
.about3_list1 li{ float: left; width: 190px; background: #f7f7f7; margin: 0 12px 12px 0; transition: .5s;height: 110px; }
.about3_list1 li:nth-of-type(6n){ margin-right: 0; }
.about3_list1 .img{ display: block; width: 32px; margin: 28px auto 6px; }
.about3_list1 .img img{ width: 100%; }
.about3_list1 .img .on{ display: block; }
.about3_list1 .img .off{ display: none; }
.about3_list1 .name{ display: block; text-align: center; font-size: 14px; color: #32B663; font-weight: bold; padding: 0 14px; }
.about3_list1 .last{ text-align: center; line-height: 110px; }
.about3_list1 .last img{ width: 128px; }
.about3_list1 li:hover{ background: #32B663; }
.about3_list1 li:hover .on{ display: none; }
.about3_list1 li:hover .off{ display: inline-block; } 
.about3_list1 li:hover .name{ color: #FFFFFF; } 
.about3_list1 .open{ background: #32B663; }
.about3_list1 .open .on{ display: none; }
.about3_list1 .open .off{ display: inline-block; } 
.about3_list1 .open .name{ color: #FFFFFF; }

.about3_Con3{ background: #f7f7f7; display: none; }
.about3_Con3 .leftDiv{ width: 500px; }
.about3_Con3 .leftDiv .img img{ width: 100%; } 
.about3_Con3 .rightDiv{ width: 700px; }
.about3_Con3 .text{ padding: 36px 20px 0 0; }
.about3_Con3 .h6{ position: relative; font-size: 24px; color: #333333; padding: 0 0 0 40px; margin-bottom: 16px; }
.about3_Con3 .h6:before{ content: ''; display: block; height: 2px; width: 30px; background: #32B663; position: absolute; left: 0; top: 17px; }
.about3_Con3 .h7{ font-size: 16px; font-weight: bold; color: #32B663; }
.about3_Con3 .p{ line-height: 24px; padding: 0 0 0 40px; }
.about3_Con3 .con{ height: 328px; overflow-y: scroll; padding-right: 20px; }
.about3_Con3 .con::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 328px; }
.about3_Con3 .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #32B663; }
.about3_Con3 .con::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: #dfdfdf; }

/*1-2企业荣誉*/
.honorpage1{ padding: 60px 0 80px; }
.honor .pageTitle{ padding-bottom: 110px; }
.h_banner{padding: 0 52px;position: relative;}
.h_banner .swiper-slide {width: 440px;background: url(../images/a35.png) repeat-x bottom;}
.h_banner .swiper-slide .img{border:5px solid #efefef;}
.h_banner .swiper-slide img{width: 100%;}
.h_banner .swiper-slide p{opacity: 0;font-size: 18px;text-align: center; line-height: 80px; background: url(../images/bg_04.png) no-repeat; background-size: 100% 100%; }
.h_banner .swiper-slide-active p{opacity: 1;}
.h_banner .swiper-button-prev{width: 32px;height: 32px;margin-top:-32px;left: 0px; background: url(../images/l1.png) no-repeat center; background-size: cover; z-index:5; outline: none; } 
.h_banner .swiper-button-next{width: 32px;height: 32px;margin-top:-32px;right: 0px; background: url(../images/r1.png) no-repeat center; background-size: cover; z-index:5; outline: none; } 
.h_banner .swiper-button-prev:hover{ background: url(../images/l1on.png) no-repeat center; background-size: cover; } 
.h_banner .swiper-button-next:hover{ background: url(../images/r1on.png) no-repeat center; background-size: cover; } 

.honor .list{ padding: 30px 0 0px; }
.honor .list ul{ margin-right: -20px; }
.honor .list li{ float: left; width: 25%; margin: 0 0 20px;}
.honor .list li .box{ margin-right: 20px; background: #f7f7f7; }
.honor .list li .imgDiv{ padding: 30px; }
.honor .list li .imgDiv img{ width: 100%; }
.honor .list li .name{ font-size: 16px; text-align: center; height: 56px; line-height: 28px; overflow: hidden; margin: -6px 0 0; color: #666666; }


.bigPicLayer{ width:800px; height:602px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer .close{ display:block; width:22px; height:22px; background:url(../images/close_02.png) no-repeat; background-size:cover; right: 20px; top: 20px; position:absolute; z-index:222;}
.bigPicLayer .name{ font-size: 24px; font-weight: bold; color: #32B663; text-align: center; padding: 0 30px; line-height: 65px; }
.bigPicLayer .imgDiv{ text-align:center;}
.bigPicLayer .imgDiv img{ width:700px;}

.bigPicLayer2{ width:550px; height:765px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer2 .close{ display:block; width:22px; height:22px; background:url(../images/close_02.png) no-repeat; background-size:cover; right: 20px; top: 20px; position:absolute; z-index:222;}
.bigPicLayer2 .name{ font-size: 24px; font-weight: bold; color: #32B663; text-align: center; padding: 0 30px; line-height: 65px; }
.bigPicLayer2 .imgDiv{ text-align:center; height: 652px; }
.bigPicLayer2 .imgDiv img{ height: 100%; }


.bigPicLayer3{ width:550px; height:765px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer3 .close{ display:block; width:22px; height:22px; background:url(../images/close_02.png) no-repeat; background-size:cover; right: 20px; top: 20px; position:absolute; z-index:222;}
.bigPicLayer3 .name{ font-size: 20px; font-weight: bold; color: #32B663; text-align: center; padding: 0 30px; line-height: 50px; }
.bigPicLayer3 .imgDiv{ text-align:center; height: 652px; }
.bigPicLayer3 .imgDiv img{ height: 100%; }


#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

/*1-4企业影音*/
.videoPage1{ padding: 60px 0 80px; }
.video1 .title2{ margin-bottom: 34px; }

.video_list1{ overflow: hidden; }
.video_list1 li{ float: left; width: 590px; margin: 0 0 20px; }
.video_list1 li:nth-of-type(2n){ float: right; }
.video_list1 .img{ position: relative; }
.video_list1 .img img{ width: 100%; }
.video_list1 .ico{ background: url(../images/video_i1.png) no-repeat center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: .5s; }
.video_list1 .name{ font-size: 16px; line-height: 30px; padding: 15px; text-align: center; color: #666666; background: #f7f7f7; }
.video_list1 li:hover .ico{ background: rgba(0,0,0,0.4) url(../images/video_i1.png) no-repeat center; }
.video_list1 li:hover .name{ background: #32B663; font-weight: bold; color: #FFFFFF; }

/*1-3发展历程*/
.coursePage1{ padding: 60px 0 0px; }
.course1_list{ background: url(../images/bor_03.jpg) no-repeat repeat center; padding: 40px 0 80px; }
.course1_list li{ overflow: hidden; }
.course1_list .leftDiv{ float: left; width: 510px; padding: 30px; background: #f7f7f7; position: relative; }
.course1_list .leftDiv .text{ text-align: right; }
.course1_list .leftDiv:before{ content: ''; display: block; position: absolute; left: 100%; top: 30px; width: 12px; height: 20px; background: url(../images/ico_16.png) no-repeat; background-size: cover; }
.course1_list .leftDiv:after{ content: ''; display: block; position: absolute; right: -42px; top: 30px; width: 22px; height: 22px; background: url(../images/ico_18.png) no-repeat; background-size: cover; }
.course1_list .img{ width: 200px;  }
.course1_list .img img{ width: 100%; }
.course1_list .text{ width: 280px; min-height: 130px; }
.course1_list .time{ font-size: 24px; font-weight: bold; color: #32B663; margin-bottom: 12px; }
.course1_list .p{ line-height: 24px; }

.course1_list .rightDiv{ float: right; width: 510px; padding: 30px; background: #32B663; position: relative; }
.course1_list .rightDiv:before{ content: ''; display: block; position: absolute; right: 100%; top: 30px; width: 12px; height: 20px; background: url(../images/ico_17.png) no-repeat; background-size: cover; }
.course1_list .rightDiv:after{ content: ''; display: block; position: absolute; left: -40px; top: 30px; width: 22px; height: 22px; background: url(../images/ico_18.png) no-repeat; background-size: cover; }
.course1_list .rightDiv .time{ color: #FFFFFF; }
.course1_list .rightDiv .p{ color: #FFFFFF; }

/*1-5总裁致辞*/
.addressPage1{ padding: 52px 0 80px; background: url(../images/address_02.jpg) no-repeat center bottom; }
.address{  }
.address .tit{ font-size: 24px; color: #32B663; margin-bottom: 36px; }
.address_Con{ overflow: hidden; }
.address_Con .leftDiv{ width: 820px; background: #f7f7f7; padding: 32px 40px 40px 40px; }
.address_Con .leftDiv .img { text-align: right; margin: -62px 0 0; }
.address_Con .leftDiv .time{ text-align: right; margin: 38px 0 0; font-size: 14px; color: #666666; }
.address_Con .rightDiv{ width: 260px; background: #f7f7f7 url(../images/address_bg1.png) no-repeat center bottom; padding: 0 0 242px; }
.address_Con .rightDiv .img{ position: relative; }
.address_Con .rightDiv .img img{ width: 100%; }
.address_Con .rightDiv .text{ padding: 66px 34px 0 30px; }
.address_Con .rightDiv .text strong{ color: #32B663; display: block; margin-bottom: 6px; }

/*1-6品牌介绍*/
.brandPage1{ padding: 60px 0 30px; }
.brand_Con1{  }
.brand_Con1 .leftDiv{ width: 560px; margin: -8px 0 0; }
.brand_Con1 .leftDiv .p{ margin-bottom: 20px; }
.brand_Con1 .leftDiv .p:last-child{ margin-bottom: 0; }
.brand_Con1 .con1{ overflow: hidden; margin: 4px 0 0; }
.brand_Con1 .con1 .fl{ width: 272px; }
.brand_Con1 .con1 .fr{ width: 272px; min-height: 205px; display: flex; justify-content: center; flex-direction: column; }
.brand_Con1 .con1 strong{ color: #32B663; display: block; font-size: 14px; line-height: 22px; }
.brand_Con1 .rightDiv{ width: 600px; }

.brand_List1{ overflow: hidden; margin: 40px 0 0; }
.brand_List1 li{ float: left; width: 380px; position: relative; margin: 0 30px 30px 0; overflow: hidden; }
.brand_List1 li:nth-of-type(3n){ margin-right: 0; }
.brand_List1 span{ display: block; }
.brand_List1 .img img{ width: 100%; }
.brand_List1 .name1{ height: 50px; background: url(../images/bg_06.png) no-repeat; position: absolute; left: 0; bottom: 0; right: 0; font-size: 18px; color: #FFFFFF; line-height: 50px; text-align: center; background-size: 100% 100%; transition: .5s; }
.brand_List1 .text{ position: absolute; left: 0; top: 100%; right: 0; bottom: 0; padding: 26px 46px 26px 30px; background: url(../images/bg_05.png) no-repeat; background-size: 100% 100%; transition: .5s; }
.brand_List1 .text a{ display: block; }
.brand_List1 .name2{ font-size: 18px; color: #FFFFFF; margin-bottom: 8px; }
.brand_List1 .p{ color: #fff; }
.brand_List1 li:hover .text{ top: 0px; }
.brand_List1 li:hover .name1{ transform: translateY(100%); }

.brandPage2{ padding: 60px 0; background: #f7f7f7; }
.brand_Nav2{ overflow: hidden; margin: 28px 0 20px; }
.brand_Nav2 li{ float: left; width: 224px; height: 110px; line-height: 110px; background: url(../images/bg_07.png) no-repeat; background-size: 100% 100%; margin: 0 20px 0 0; cursor: pointer; }
.brand_Nav2 li:last-child{ margin-right: 0; }
.brand_Nav2 .img{ margin: 0 20px 0 45px; display: inline-block; }
.brand_Nav2 .off{ display: none; }
.brand_Nav2 .name{ font-size: 16px; color: #666666; display: inline-block; width: 100px; }
.brand_Nav2 .open{background: url(../images/bg_07on.png) no-repeat; background-size: 100% 100%;  }
.brand_Nav2 .open .on{ display: none; }
.brand_Nav2 .open .off{ display: inline-block; }
.brand_Nav2 .open .name{ color: #FFFFFF; }

.brand_Con2{ background: #FFFFFF; }
.brand_Con2 .content{ overflow: hidden; display: none; }
.brand_Con2 .leftDiv{ width: 600px; }
.brand_Con2 .leftDiv .img img{ width: 100%; } 
.brand_Con2 .rightDiv{ width: 550px; padding: 50px 50px 50px 0; }
.brand_Con2 .h6{ padding: 0 0 0 50px; position: relative; font-size: 24px; color: #333333; margin-bottom: 20px; }
.brand_Con2 .h6:before{ content: ''; display: block; width: 30px; height: 2px; background: #32B663; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.brand_Con2 .p{ padding: 0 0 0 50px; }
.brand_Con2 .rightDiv strong{ color: #32B663; margin-bottom: 16px; display: block; font-size: 14px; line-height: 28px; padding: 0 0 0 50px; }

.brandPage3{ padding: 58px 0 0; }
.brand_Con3{ padding: 0px 0 74px; overflow: hidden; margin: 30px 0 0; }
.brand_Con3 .leftDiv{ width: 580px; }
.brand_Con3 .rightDiv{ width: 568px; } 
.brand_Con3 .h6{ font-weight: bold;	color: #32B663; font-size: 18px; margin-bottom: 8px; }
.brand_Con3 .img{ margin: 14px 0 34px; }
.brand_Con3 .img img{ width: 100%; }

/*2-1山东千江*/
.affiliatedPage1{ padding: 60px 0 30px; }
.affiliated1 .rightDiv{ width: 574px; }
.affiliated1 .rightDiv .p{ margin-bottom: 16px; }
.affiliated1 .rightDiv .p:last-child{ margin-bottom: 0;}
.affiliated1 .leftDiv{ width: 580px; }
.affiliated1 .leftDiv .img img{ width: 100%; }
.affiliated1 .title2 .h6{ font-weight: bold; line-height: 28px; }
.affiliated1 .title2{ margin-bottom: 26px; }
.affiliated1_list1{ overflow: hidden; margin: 40px 0 0; }
.affiliated1_list1 li{ width: 380px; margin: 0 30px 30px 0; float: left; position: relative; }
.affiliated1_list1 li:nth-of-type(3n){ margin-right: 0; }
.affiliated1_list1 .img img{ width: 100%; }
.affiliated1_list1 .name{ line-height: 50px; background: url(../images/bg_06.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: bold; }

.affiliatedPage2{ padding: 66px 0 30px; background: #f7f7f7; }
.affiliated2{ }
.title3{ color: #32B663; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 34px; }

.affiliatedPage3{ padding: 60px 0 40px; }
.affiliated3_list1{ overflow: hidden; }
.affiliated3_list1 li{ float: left; margin: 0 30px 40px 0; width: 380px; }
.affiliated3_list1 li:nth-of-type(3n){ margin-right: 0; }
.affiliated3_list1 .img{ display: block; overflow: hidden; }
.affiliated3_list1 .img img{ width: 100%; transition: 0.5s; }
.affiliated3_list1 .img img:hover{ transform: scale(1.2); }
.affiliated3_list1 .name{ display: block; line-height: 60px; text-align: center; font-size: 14px; background: #f7f7f7; transition: .5s; }
.affiliated3_list1 li:hover .name{ color: #FFFFFF; background: #32B663; }


/*2-2西敦粉漆研究*/
.researchPage1{ padding: 60px 0 74px; }
.research_Con1{ padding: 60px 0 0; }
.research_Con1 .title3{ text-align: left; }

.research_List1{  }
.research_List1 li{ background: #F7F7F7; margin-bottom: 20px; }
.research_List1 li:last-child{ margin-bottom: 0; }
.research_List1 .img{ width: 250px; }
.research_List1 .img img{ width: 100%; }
.research_List1 .text{ width: 950px; }
.research_List1 .Con{ padding: 42px 30px 27px 0; }
.research_List1 .h6{ font-size: 24px; color: #333333; padding-left: 50px; position: relative; margin-bottom: 12px; }
.research_List1 .h6:before{ content: ''; display: block; height: 2px; width: 30px; background: #32B663; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.research_List1 strong{ font-size: 14px; color: #32B663; line-height: 28px; padding-left: 50px; margin-bottom: 20px; display: block; }
.research_List1 .p{ padding-left: 50px; height: 140px; overflow-y: auto; padding-right: 20px; }
.research_List1 .p::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 328px; }
.research_List1 .p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #32B663; }
.research_List1 .p::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: #dfdfdf; }

.research_Con2{ padding: 60px 0 0; }
.research_Con2 .title3{ text-align: left; }

/*2-3茂名化工*/
.maomingPage1{ padding: 60px 0 80px; }

/*3-1工程案例*/
.trafficPage1{ padding: 60px 0 80px; }

.traffic_list1{ overflow: hidden; margin-right: -30px; }
.traffic_list1 li{ float: left; width: 380px; margin: 0 30px 30px 0; }
.traffic_list1 li span{ display: block; }
.traffic_list1 .img{ overflow: hidden; }
.traffic_list1 .img img{width: 100%; transition: .5s; }
.traffic_list1 .img img:hover{ transform: scale(1.2); }
.traffic_list1 .name{ line-height: 60px; background: #f7f7f7; text-align: center; font-size: 16px; }
.traffic_list1 li:hover .name{ background: #32B663; color: #FFFFFF; font-weight: bold; }
.traffic .number_Box{ padding: 10px 0 0; }

.trafficPage2{ padding: 60px 0; background: #f7f7f7; }
.traffic2_slick1{ position: relative; margin: 0 -10px; }
.traffic2_slick1 .slick{ margin: 0 10px; }
.traffic2_slick1 .img{ border: 1px solid #ededed; }
.traffic2_slick1 .img img{ width: 100%; }
.traffic2_slick1 .name{ line-height: 52px; text-align: center; font-size: 14px; color: #666666; }
.traffic2_slick1 .slick-prev ,
.traffic2_slick1 .slick-next{ width: 20px; height: 40px; width: 20px; position: absolute; top: 50%; margin-top: -46px; z-index: 10; }
.traffic2_slick1 .slick-prev{ left: -40px; background: url(../images/l2.png) no-repeat; background-size: cover; }
.traffic2_slick1 .slick-next{ right: -40px; background: url(../images/r2.png) no-repeat; background-size: cover; }

/*3-2工程案例详情页*/
.trafficshowPage1{ padding: 60px 0; }

.trafficshow_Con{ overflow: hidden; }
.trafficshow_Con .slider-for{ width: 980px; float: left; }
.trafficshow_Con .slider-for .imgDiv{ position: relative; }
.trafficshow_Con .slider-for .imgDiv img{ width: 100%; }
.trafficshow_Con .slider-for .imgDiv .name{ position: absolute; left: 0; right: 0; bottom: 0; height: 60px; padding: 0 30px; font-size: 18px; color: #FFFFFF; line-height: 60px; background: url(../images/bg_10.png) repeat; }
.trafficshow_Con .trafficshow_list{ width: 180px; float: right; }
.trafficshow_Con .trafficshow_list{ padding: 80px 0 0; margin-bottom: -20px; position: relative; }
.trafficshow_Con .trafficshow_list .slick-slide{ margin: 0 0 20px; }
.trafficshow_Con .trafficshow_list .img{ position: relative; }
.trafficshow_Con .trafficshow_list .img img{ width: 100%; }
.trafficshow_Con .trafficshow_list .img:before{ content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg_09.png) repeat; }
.trafficshow_Con .trafficshow_list .slick-current .img:before{ display: none; }





.trafficshow_Con .trafficshow_list .slick-prev,
.trafficshow_Con .trafficshow_list .slick-next{ width: 32px; height: 32px; position: absolute; top: 28px;  z-index: 10;}
.trafficshow_Con .trafficshow_list .slick-prev{ background: url(../images/top1.png) no-repeat; background-size: cover; left: 49px; }
.trafficshow_Con .trafficshow_list .slick-next{ background: url(../images/btm1.png) no-repeat; background-size: cover; right: 49px; }

.trafficshow_Con .trafficshow_list .slick-prev:hover{ background: url(../images/top1on.png) no-repeat; background-size: cover; }
.trafficshow_Con .trafficshow_list .slick-next:hover{ background: url(../images/btm1on.png) no-repeat; background-size: cover; }

/*产品中心*/
.productPage1{ padding: 60px 0 80px; }

.product_list{ overflow: hidden; margin-right: -30px; }
.product_list li{ width: 370px; float: left; margin: 0 30px 30px 0; background: #f7f7f7; border: 5px solid #F7F7F7; transition: .5s; }
.product_list .img img{ width: 100%; }
.product_list .text{ padding: 26px 24px; }
.product_list .name{ font-size: 18px; color: #666666; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; }
.product_list .p{ max-height: 82px; line-height: 24px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.product_list .btn{ width: 118px; line-height: 34px;text-align: center; color: #999999; font-size: 12px; background: #ffffff; border-radius: 64px; border: 1px solid #ededed; margin: 26px 0 0; transition: .5s; }
.product_list li:hover{ border-color: #32B663; }
.product_list li .btn:hover{ border-color: #32B663; background: #32B663; color: #FFFFFF; }
.product .number_Box{ padding: 10px 0 0; }

/*产品详情*/
.productshowPage1{ padding: 60px 0 80px; background: url(../images/address_02.jpg) no-repeat center bottom; }
.productshow .title3{ text-align: left; }

.productshow_Con{  }
.productshow_Con .leftDiv{ width: 900px; }
.productshow_Con .content{ padding: 8px 40px 16px 40px; background: #F7F7F7; }
.productshow_Con .content .h6{ padding: 32px 0 16px; }
.productshow_Con .content .img{ margin: 24px 0; }
.productshow_Con .content .img img{ width: 100%; } 
.productshow_Con .num_switch a{ width: 248px; margin: 0 10px; }
.productshow_Con .rightDiv{ background: #f7f7f7 url(../images/address_bg1.png) no-repeat center bottom; padding-bottom: 164px; width: 260px; }
.productshow_Con .rightDiv .imgDiv{ position: relative; }
.productshow_Con .rightDiv .imgDiv img{ width: 100%; }
.productshow_Con .rightDiv .tit{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 26px 30px 0; }
.productshow_Con .rightDiv .tit .h6{ font-size: 36px; color: #ffffff; margin-bottom: 4px; }
.productshow_Con .rightDiv .tit .en{ font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: bold; }
.productshow_Con .rightDiv .Con{ padding: 0 30px; }
.productshow_Con .h6{ padding: 30px 0 8px; color: #32B663; font-weight: bold; font-size: 14px; }
.select{ width: 198px; height: 36px; border: 1px solid #e7e7e7; background: #FFFFFF; color: #333333; font-size: 14px; display: block; position: relative; }
.select span{ line-height: 40px; display: block; padding: 0 20px; cursor: pointer; margin-right: 20px; background: url(../images/ico_03.png) no-repeat right center; background-size: 12px; position: relative; text-indent: 44px; }
.select span:before{ content: ''; display: block; width: 17px; height: 17px; background: url(../images/time.png) no-repeat; position: absolute; left: 19px; top: 50%; margin-top: -8px; }
.select ul{ position: absolute; left: 0; top: 100%; border: 1px solid #FFFFFF; margin-left: -1px; width: 100%; display: none; background: #F7F7F7; z-index: 10; }
.select li{ line-height: 40px; padding: 0 20px; color: #333; font-size: 14px; cursor: pointer; }
.select li.on{ background: #ECECEC; color: #333333; }
.select li:hover{ background: #ECECEC; color: #333333; }
.productshow_Con .rightDiv .seek {
position:relative}
.productshow_Con .rightDiv .seek input{ width: 134px; height: 36px; border: 1px solid #e7e7e7; padding: 0 44px 0 20px; background: #FFFFFF; }
.productshow_Con .rightDiv .seek a{ position: absolute; display: block; width: 35px; top: 0; bottom: 0; right: 0;  background: url(../images/seek_01.png) no-repeat left center;  }

/*研发中心*/
.developPage1{ padding: 60px 0 60px; }
.develop2{  }
.develop2 .title3{ text-align: left; }

.developPage2{ background: #f7f7f7; padding: 56px 0 62px; }
.developBox{ margin: -70px 0 0; padding: 76px 0 0; position: relative; }
.developBox .officeNav{ width: 680px; position: absolute; right: 0; top: 0; }
.developBox .officeNav .slick-slide{ width: 150px; line-height: 36px; background: #e2e2e2; text-align: center; border-radius: 64px; font-size: 14px; color: #333333; margin: 0 10px; cursor: pointer; }
.developBox .officeNav .slick-current{ background: #32B663; color: #FFFFFF; }
.developBox .slider-for{ width: 100%; }
.developPic{ margin: 0 -11px; position: relative; }
.developPic .slick{ margin: 0 11px; }
.developPic .slick .imgDiv{ border: 10px solid #FFFFFF; transition: .5s; } 
.developPic .slick .imgDiv img{ width: 100%; }
.developPic .slick .name{ font-size: 16px; color: #32B663; font-weight: bold; text-align: center; line-height: 50px; }
.developPic .slick:hover .imgDiv{ border-color: #32B663; }
.developPic .slick-prev ,
.developPic .slick-next{ width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -41px; z-index: 10; }
.developPic .slick-prev{ background: url(../images/l1.png) no-repeat; background-size: cover; left: 30px; }
.developPic .slick-next{ background: url(../images/r1.png) no-repeat; background-size: cover; right: 30px; }
.developPic .slick-prev:hover{ background: url(../images/l1on.png) no-repeat; background-size: cover; }
.developPic .slick-next:hover{ background: url(../images/r1on.png) no-repeat; background-size: cover; }

/*技术支持*/
.skillPage1{ padding: 60px 0 80px; }
.skill_list{  }
.skill_list li{ overflow: hidden; padding: 15px 26px 15px 50px; line-height: 30px; font-size: 14px; }
.skill_list .name{ display: block; float: left; width: 510px; font-weight: bold; }
.skill_list .big{ float: left; width: 104px; text-align: center; }
.skill_list .time{ float: left; width: 406px; text-align: center; }
.skill_list .btn{ float: left; display: block; width: 104px; text-align: center; }
.skill_list li:nth-of-type(2n){ background: #F7F7F7; }
.skill_list li:nth-of-type(2n+3){ background: #ececec; }
.skill_list li:nth-of-type(1){ background: #32B663; }
.skill_list li:nth-of-type(1) .name{ color: #FFFFFF; }
.skill_list li:nth-of-type(1) .big{ color: #FFFFFF; }
.skill_list li:nth-of-type(1) .time{ color: #FFFFFF; }
.skill_list li:nth-of-type(1) .btn{ color: #FFFFFF; }


/*绿色涂漆365*/
.lacquerPage1{ padding: 60px 0 80px; }
.lacquer_Con1{ margin: 50px 0 0; }
.lacquer_Con1 .leftDiv{ width: 580px; }
.lacquer_Con1 .leftDiv .img img{ width: 100%; }
.lacquer_Con1 .h6{ font-size: 18px; color: #32B663; font-weight: bold; margin-bottom: 40px; }

.lacquer_Con2 .h6{ margin-bottom: 22px; font-size: 18px; color: #32B663; font-weight: bold; }
.lacquer_Con2{ margin: 20px 0 0; }
.lacquer_Con2 table{ font-size: 14px; border-collapse:collapse; border-spacing:0; line-height: 30px; }
.lacquer_Con2 th{ padding: 9px 0; font-weight: bold; color: #FFFFFF; background: #32B663; border: 1px solid #e7e7e7; }
.lacquer_Con2 .th1{ width: 274px; }
.lacquer_Con2 .th2{ width: 920px; }
.lacquer_Con2 td{ border: 1px solid #e7e7e7; padding: 9px 0; text-align: center; } 

/*5-4专利证书*/
.patentPage1{ padding: 60px 0 80px; }

.patent_list1{ margin-right: -20px; overflow: hidden; }
.patent_list1 li{ width: 225px; padding: 30px 30px 24px; float: left; margin: 0 20px 20px 0; background: #F7F7F7; transition: .5s; }
.patent_list1 .img img{ width: 100%; }
.patent_list1 .name{ font-size: 16px; line-height: 26px; text-align: center; padding: 24px 0 0; }
.patent_list1 li:hover{ background: #32B663; }
.patent_list1 li:hover .name{ color: #FFFFFF; }

/*6-1色彩流行趋势psd*/
.trendPage1{ padding: 60px 0 80px; } 

/*6-2色彩美丽行动*/
.actionPage1{ padding: 60px 0 80px; }
 
/*7-1新闻资讯*/
.newsPage1{ padding: 60px 0 80px; }
.news_list1{ margin-right: -30px; overflow: hidden; }
.news_list1 li{ margin: 0 30px 30px 0; float: left; width: 300px; padding: 36px 40px 34px; background: #F7F7F7; transition: .5s; }
.news_list1 .time{ font-size: 24px; font-weight: bold; color: #32B663; margin-bottom: 26px; }
.news_list1 .img img{ width: 100%; }
.news_list1 .h6{ padding: 26px 0 0; font-size: 18px; line-height: 26px; height: 52px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news_list1 .p{ line-height: 24px; height: 72px; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.news_list1 li:hover{ background: #32B663; }
.news_list1 li:hover .time{ color: #FFFFFF; }
.news_list1 li:hover .h6{ color: #FFFFFF; }
.news_list1 li:hover .p{ color: #FFFFFF; }


/*7-1新闻资讯详情*/
.newshowPage1{ padding: 60px 0 80px; }
.newshow{  }
.newshow .title2{  }
.newshow .title2 .h6{ font-size: 24px; font-weight: bold; margin-bottom: 12px; } 
.newshow .title2 .en{ font-size: 14px; color: #999999; }
.newshow .content{ padding: 42px 50px 46px; background: #F7F7F7; }
.newshow .content .img{ margin: 32px 0 34px; }
.newshow .content .img img{ width: 100%; }

/*最新招聘*/
.jobPage1{ padding: 60px 0 80px; }
.jobPage1 li{ padding: 40px 150px 26px 40px; overflow: hidden; background: #F7F7F7; position: relative; margin-bottom: 20px; cursor:pointer }
.jobPage1 li .con{ overflow: hidden; height: 144px; }
.jobPage1 .name{ width: 206px; border-right: 1px solid #bfbfbf; position: relative; float: left; margin-right: 50px;font-size: 24px; font-weight: bold; color: #32B663; }
.jobPage1 .name:before{ content: ''; display: block; width: 20px; height: 2px; position: absolute; background: #999999; bottom: -18px; left: 0; }
.jobPage1 .content{ float: left; width: 750px; margin-top: -4px; }
.jobPage1 .content .h6{ margin: 30px 0 16px; font-size: 14px; font-weight: bold; }
.jobPage1 .ico{ width: 100px; position: absolute; right: 0; bottom: 0; top: 0; background: #eaeaea url(../images/ico_24.png) no-repeat center; }
.jobPage1 .button{ display: block; width: 120px; line-height: 36px; text-align: center; background: #32B663; color: #FFFFFF; border-radius: 64px; margin: 34px 0 0; }
.jobPage1 .open{ padding-bottom: 40px; }
.jobPage1 .open .con{ height: auto; }
.jobPage1 .open .ico{ background: #eaeaea url(../images/ico_30.jpg) no-repeat center; }

/*联系我们*/
.contactPage1{ padding: 60px 0 0px; }

.contact .title2{  }
.contact .title2 .h6{ font-size: 30px; color: #32B663; }
.contact .title2 .en{ font-size: 14px; color: #999999; }
.contact .content{ overflow: hidden; padding-bottom: 34px; }
.contact .content .leftDiv{ width: 550px;  }
.contact .h6{ font-size: 18px; color: #666666; font-weight: bold; margin-bottom: 20px; }
.contact .content .rightDiv{ width: 600px; }
.contact_nav{ overflow: hidden; border-bottom: 1px solid #dedede; margin-bottom: 24px; }
.contact_nav li{ float: left; margin-right: 24px; padding: 0 0 12px; position: relative; font-size: 14px; }
.contact_nav li:last-child{ margin-right: 0; }
.contact_nav .open{ color: #32B663; font-weight: bold; }
.contact_nav .open:before{ position: absolute; content: ''; display: block; left: 0; right: 0; height: 3px; background: #32B663; bottom: -1px;}
.contact_Con .Con{ display: none; }

.contactPage1 .map{ width: 100%; }
.contactPage1 .map img{ width: 100%; height: 500px; }


/*在线留言*/
.messagePage1{ padding: 60px 0 80px; }
.message{ background: #f5f5f5; padding: 42px; }
.message .leftDiv{ width: 456px; }
.message .leftDiv li{ line-height: 40px; margin-bottom: 20px; position: relative; }
.message .leftDiv li:last-child{ margin-bottom: 0; }
.message .leftDiv .liow1{ background: url(../images/mess1.png) no-repeat left center; }
.message .leftDiv .liow2{ background: url(../images/mess2.png) no-repeat left center; }
.message .leftDiv .liow3{ background: url(../images/mess3.png) no-repeat left center; }
.message .leftDiv .liow4{ background: url(../images/mess4.png) no-repeat left center; }
.message .leftDiv .liow5{ background: url(../images/mess5.png) no-repeat left center; }
.message .leftDiv .name{ position: absolute; left: 26px; top: 0; padding-left: 6px; font-size: 12px; color: #5b5b5b; }
.message .leftDiv .name em{ color: #ff0000; position: absolute; left: 0; top: 0;}
.message .leftDiv li .input{ padding-left: 118px; }
.message .leftDiv li input{ width: 100%; height: 40px; background: #FFFFFF; border-radius: 4px; padding: 0 14px; box-sizing: border-box; color: #5b5b5b; border: 1px solid #ededed; }
.message .rightDiv{ width: 620px; }
.message .rightDiv .box{  }
.message .rightDiv .name{ padding: 0 0 0 26px; background: url(../images/mess6.png) no-repeat left center; line-height: 40px; margin-bottom: 18px; }
.message .rightDiv textarea{ width: 100%; height: 164px; resize: none; background: #FFFFFF; border-radius: 4px; box-sizing: border-box; padding: 14px 14px; font-size: 14px;color: #a9a9a9; border: 1px solid #ededed; }
.message .rightDiv .btn{ overflow: hidden; margin-top: 25px; }
.message .rightDiv .btn a{ width: 119px; height: 34px; border: 1px solid #ededed; background: #FFFFFF; color: #999999; font-size: 12px; display: inline-block; text-align: center; line-height: 34px; border-radius: 64px; margin-right: 20px; }
.message .rightDiv .btn a:hover{ border: 1px solid #32B663; color: #FFFFFF; background: #32B663; }





.bigPicLayer1{ display: none; width:100%; max-width:1000px; height:556px; position:fixed; z-index:111; top: 50% !important; margin-top:-278px ; padding: 10px; background: #FFFFFF; }
.bigPicLayer1 .close{ display:block; width:30px; height:30px; background:url(../images/m5_off.png) no-repeat; left: 50%; margin-left: -15px ; top:-80px; position: relative; position:absolute; z-index:222;}
.bigPicLayer1 .close em{ width: 1px; height: 50px; background: #FFFFFF; display: block; position: absolute; left: 50%; margin-left: -0.5px; top: 100%;  }
.bigPicLayer1 .imgDiv{ text-align:center;}
.bigPicLayer1 .imgDiv img{ width:100%;}
.bigPicLayer1 .imgDiv span{ display: block; text-align: center;font-size: 18px; margin-top: 16px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 100%; width: 100%; }